<!-- html -->
<div class="personal-wrapper container mt-4 mb-4">
    <div id="wrapper-250">
        <ul class="accordion">
            <li id="three" class="cloud"> <a href="#three">我的账户 </a>
                <ul class="sub-menu">
                    <li><a href="#"><em>01</em>账户信息 </a></li>
                    <li><a href="#"><em>02</em>实名认证 </a></li>
                    <li><a href="#"><em>03</em>银行卡管理  </a></li>
                    <li><a href="#"><em>04</em>登录记录  </a></li>
                </ul>
            </li>
            <li id="one" class="files"> <a href="#one">投资项</a>
            </li>
            <li id="two" class="mail"> <a href="#two">借款项目</a>
                <ul class="sub-menu">
                    <li><a href="#"><em>01</em>借款项目</a></li>
                    <li><a href="#"><em>02</em>还款明细</a></li>
                </ul>
            </li>
            <li id="four" class="sign"> <a href="#four">资产详情</a>
                <ul class="sub-menu">
                    <li><a href="#"><em>01</em>账户流水</a></li>
                    <li><a href="#"><em>02</em>充值明细</a></li>
                    <li><a href="#"><em>03</em>提现记录</a></li>
                    <li><a href="#"><em>03</em>收款明细</a></li>
                </ul>
            </li>
            <li id="four" class="sign"> <a href="#four">个人资料</a>
            </li>
        </ul>
    </div>
</div>

<!-- 个性css -->
<link rel="stylesheet" href="../dist/css/personal copy.min.css">
<!-- 手风琴 -->
<script type="text/javascript" src="../lib/jquery/jquery.js"></script>
<script type="text/javascript">
    $(document).ready(function () {

        // Store variables

        var accordion_head = $('.accordion > li > a'),

            accordion_body = $('.accordion li > .sub-menu');

        // Open the first tab on load

        accordion_head.first().addClass('active').next().slideDown('normal');

        // Click function

        accordion_head.on('click', function (event) {

            // Disable header links

            event.preventDefault();

            // Show and hide the tabs on click

            if ($(this).attr('class') != 'active') {

                accordion_body.slideUp('normal');

                $(this).next().stop(true, true).slideToggle('normal');

                accordion_head.removeClass('active');

                $(this).addClass('active');

            }

        });

    });
</script>